<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>ucomOS 主页</title>
  <script>
    (function (d) {
      var config = {
          kitId: 'rnc7pkn',
          scriptTimeout: 3000,
          async: true
        },
        h = d.documentElement, t = setTimeout(function () {
          h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
        }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a;
      h.className += " wf-loading";
      tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
      tk.async = true;
      tk.onload = tk.onreadystatechange = function () {
        a = this.readyState;
        if (f || a && a != "complete" && a != "loaded") return;
        f = true;
        clearTimeout(t);
        try {
          Typekit.load(config)
        } catch (e) {
        }
      };
      s.parentNode.insertBefore(tk, s)
    })(document);
  </script>
  <style>
    .poem_sc {
      font-family: source-han-serif-sc, serif;
      font-size: 24px;
      writing-mode: vertical-rl;
    }

    .poem_tc {
      font-family: source-han-serif-tc, serif;
      font-size: 24px;
      writing-mode: vertical-rl;
    }

    .poem_test {
      font-family: source-han-serif-tc, serif;
      font-size: 24px;
    }

    .hei {
      font-family: source-han-sans-simplified-c, sans-serif;
    }

    .shsans_extralight {
      font-weight: 100;
    }

    .shsans_light {
      font-weight: 200;
    }

    .shsans_normal {
      font-weight: 300;
    }

    .shsans_regular {
      font-weight: 400;
    }

    .shsans_medium {
      font-weight: 500;
    }

    .shsans_bold {
      font-weight: 700;
    }

    .shsans_heavy {
      font-weight: 900;
    }


    .shs_extralight {
      font-weight: 200;
    }

    .shs_light {
      font-weight: 300;
    }

    .shs_regular {
      font-weight: 400;
    }

    .shs_medium {
      font-weight: 500;
    }

    .shs_semibold {
      font-weight: 600;
    }

    .shs_bold {
      font-weight: 700;
    }

    .shs_heavy {
      font-weight: 900;
    }
  </style>
</head>
<body>
<div id="Text" class="poem_sc">
  <p class="shs_extralight">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_light">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_regular">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_medium">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_semibold">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_bold">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shs_heavy">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
</div>

<div id="Text" class="poem_tc">
  <p class="shs_extralight">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_light">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_regular">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_medium">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_semibold">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_bold">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
  <p class="shs_heavy">
    鳥下綠蕪秦苑夕，
    蟬鳴黃葉漢宮秋。
  </p>
</div>

<div class="hei">
  <p class="shsans_extralight">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_light">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_normal">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_regular">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_medium">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_bold">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
  <p class="shsans_heavy">
    一上高城万里愁，
    蒹葭杨柳似汀洲。
  </p>
</div>
<div class="hei shsans_bold">
  标题黑体
</div>

</body>
</html>
